<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
		<script src="/static/js/jquery-1.3.2.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="/static/js/mimo.js" type="text/javascript" charset="utf-8"></script>
        <link rel="stylesheet" type="text/css" href="/static/css/mimo.css">
    </head>
    <body id="mimo" onload="init();">
        <ul id="buttons">
            {% macro displog(log, caller) %}
            <li id="log-{{ log.name }}" class="button normal" onclick="add_to('{{ log.name }}');">
                <!-- empty div layer to cover the text to keep it from being selected, but doesn't work -->
                <div class="button cover">&nbsp;</div>
                
                <div class="name">{{ log.name }}:</div> 
                <div class="count" id="count-{{log.name}}">{{ log.count }}</div>
            </li>
            {% endmacro %}
            {% for log in logs %}
			{% if log.name is not sameas "total" %}
            {% if log.id is not sameas 10 %}
            {% call displog(log) %}{% endcall %}
			{% endif %}
            {% endif %}
            {% endfor %}
            {% call displog(logs[6]) %}{% endcall %}
			<!--<li class="instructions">Use your finger<br>to tap a button.<br>Justify your job!</li>-->
			<li class="button panic" id="rtfm">
				<!-- empty div layer to cover the text to keep it from being selected, but doesn't work -->
                <div class="button cover">&nbsp;</div>

				<div class="name">RTFM</div>
				<div class="count">&infin;</blink></div>
			</li>
        </ul>
    </body>
</html>